import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'guide-hero-list',
    template: `
            <h2>Heroes from JSON File</h2>
            <div *ngFor="let hero of ('assets/heroes.json' | guideFetch) ">
                {{hero.name}}
            </div>
            <p>Heroes as JSON:
            {{'assets/heroes.json' | guideFetch | json}}
            </p>
            `
})
export class PipesHeroListComponent implements OnInit {
    constructor() { }

    ngOnInit() { }
}